@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
html{overflow-x:hidden;color:#434343}
body,div,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,form,p{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Arial,'\5FAE\8F6F\96C5\9ED1';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
ul,ol{list-style:none}

a:link,a:visited {text-decoration:none;color:#434343;}
a:hover {color:#01427A;text-decoration:none}

a.more1:link,a.more1:visited {display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;background-color:#26C0FE;color:#FFFFFF;border-radius:60px;font-size:14px}
a.more1:hover {background-color:#26C0FE;color:#FFFFFF;text-decoration:none}

.wp-bd{
    margin-right:auto;
    margin-left:auto;
	margin:0 auto;
	position:relative;
	z-index:9
}
.wp-hd{height:62px}
.company-name{height:62px;background:url(logo.jpg) no-repeat 15px center;background-size:auto 90%;}

.hd-nav{float:right;height:51px;margin-top:74px}
.hd-nav ul{display:flex;justify-content:space-between;}
.hd-nav ul li{float:left;height:51px;cursor:pointer;text-align:center;border-right:1px solid #FFF;position:relative}
.hd-nav ul li a:link,.hd-nav ul li a:visited{float:left;color:#FFF;font-size:14px;height:51px;text-decoration:none;line-height:51px;text-align:center;padding-left:30px;padding-right:30px}
.hd-nav ul li:hover a,.hd-nav ul li a:hover{ background-color:#01427A;color:#FFF;text-decoration:none}

.hd-nav ul li ul{display:none}
.hd-nav ul li:hover ul{display:block;position:absolute;left:0;top:51px;width:100%}
.hd-nav ul li ul li{border-right:none;width:100%;height:auto;}
.hd-nav ul li ul li a:link,.hd-nav ul li ul li a:visited{float:left;color:#FFF;font-size:14px;height:auto;text-decoration:none;line-height:120%;text-align:center;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;width:100%;box-sizing:border-box}
.hd-nav ul li ul li:hover a,.hd-nav ul li ul li a:hover{background-color:#FFAB15;color:#FFF;text-decoration:none}

.en-hd-nav{float:right;height:51px;margin-top:74px}
.en-hd-nav ul{display:flex;justify-content:space-between;}
.en-hd-nav ul li{float:left;height:51px;cursor:pointer;text-align:center;border-right:1px solid #FFF;position:relative}
.en-hd-nav ul li a:link,.en-hd-nav ul li a:visited{float:left;color:#FFF;font-size:14px;height:51px;text-decoration:none;line-height:51px;text-align:center;padding-left:22px;padding-right:22px}
.en-hd-nav ul li:hover a,.en-hd-nav ul li a:hover{ background-color:#01427A;color:#FFF;text-decoration:none}

.en-hd-nav ul li ul{display:none}
.en-hd-nav ul li:hover ul{display:block;position:absolute;left:0;top:51px;width:100%}
.en-hd-nav ul li ul li{border-right:none;width:100%;height:auto;}
.en-hd-nav ul li ul li a:link,.en-hd-nav ul li ul li a:visited{float:left;color:#FFF;font-size:14px;height:auto;text-decoration:none;line-height:120%;text-align:center;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;width:100%;box-sizing:border-box}
en-.hd-nav ul li ul li:hover a,.en-hd-nav ul li ul li a:hover{background-color:#FFAB15;color:#FFF;text-decoration:none}

.hd-contact{display:none;position:absolute;top:10px;right:0px;background:url(dhouji_g5sr.png) no-repeat left center;height:38px;padding-left:31px}
.hd-contact h4{float:left;border-right:1px solid #C8E3E8;font-size:14px;line-height:18px;padding-right:10px;color:#666666;text-align:right}
.hd-contact span{float:left;height:38px;line-height:38px;text-transform:uppercase;font-size:22px;font-weight:bold;color:#FFAB15;padding-left:10px}

#amazingslider-1{border-bottom:10px solid #FFAB15}
.banner img{max-width:100%}

.quality{float:left;width:33.3333%;background-image:url(1_07w9_1.png);background-repeat:no-repeat;background-position:right center;padding-top:10px;box-sizing:border-box;text-align:center;height:115px}
.quality-icon{display:inline-block;width:50px}
.quality-content{color:#FFFFFF}
.quality-content h4{font-size:16px;padding-bottom:2px;line-height:120%;}
.quality-content span{display:none;font-size:12px;line-height:140%}

.advantage{float:left;width:33.3333%;background-image:url(1_07w9_2.png);background-repeat:no-repeat;background-position:right center;padding-top:10px;box-sizing:border-box;text-align:center;height:115px}
.advantage-icon{display:inline-block;width:50px}
.advantage-content{color:#FFFFFF}
.advantage-content h4{font-size:16px;padding-bottom:2px;line-height:120%;}
.advantage-content span{display:none;font-size:12px;line-height:140%}

.slogan{float:left;width:33.3333%;background-image:url(1_07w9_3.png);background-repeat:no-repeat;background-position:left center;padding-top:10px;box-sizing:border-box;text-align:center;height:115px}
.slogan-icon{display:inline-block;width:50px}
.slogan-content{color:#FFFFFF}
.slogan-content h4{font-size:16px;padding-bottom:2px;line-height:120%;}
.slogan-content span{display:none;font-size:12px;line-height:140%}

@keyframes rotate {
	from {
		transform:rotate(0deg);
	    -ms-transform:rotate(0deg);
	    -moz-transform:rotate(0deg);
	    -webkit-transform:rotate(0deg);
	    -o-transform:rotate(0deg)
	}
	to {
		transform:rotate(360deg);
	    -ms-transform:rotate(360deg);
	    -moz-transform:rotate(360deg);
	    -webkit-transform:rotate(360deg);
	   -o-transform:rotate(360deg)
	}
}
@-webkit-keyframes rotate {
	from {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.rotate {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	animation:rotate 2s linear infinite;
	-moz-animation:rotate 2s linear infinite;
	-webkit-animation:rotate 2s linear infinite;
	-o-animation:rotate 2s linear infinite;
}

.product-intro{margin-top:30px}
.product-intro-img{margin-bottom:10px}
.product-intro-img img{max-width:100%}
.product-intro-con{padding:0 15px}
.product-intro-title h3{color:#BDBDBD;font-weight:bold;text-transform:uppercase;font-size:20px;line-height:100%;font-family:'Times New Roman';letter-spacing:1px}
.product-intro-title span{font-size:16px;font-weight:bold;padding-bottom:5px;color:#666666;border-bottom:2px solid #FFAB15}
.product-intro-title .tl{display:inline-block;text-transform:uppercase;font-size:24px;line-height:100%;font-family:'Times New Roman';font-weight:bold;padding-bottom:5px;color:#666666;border-bottom:2px solid #FFAB15}

.product-intro-frame{margin-top:18px;border:1px solid #ECECEC;padding:10px 10px 10px 38px;background:url(8_w2v0.png) no-repeat 10px 15px;color:#5A5A5A;line-height:190%;}
.product-intro-frame span{font-size:16px;color:rgb(0, 130, 156);font-weight:bold}

.about-us{margin-top:30px;height:600px;background:url(4_mymy-1.jpg) no-repeat center center;padding:0 15px}
.about-us-title{color:#FFFFFF;padding-top:30px}
.about-us-title h3{font-weight:bold;text-transform:uppercase;font-size:20px;line-height:100%;font-family:'Times New Roman';letter-spacing:1px}
.about-us-title span{font-size:16px;font-weight:bold;padding-bottom:5px;border-bottom:2px solid #FFAB15}
.about-us-con{height:500px;padding-top:15px;color:#FFFFFF;line-height:200%;}
.about-us-title .tl{display:inline-block;text-transform:uppercase;font-size:24px;line-height:100%;font-family:'Times New Roman';font-weight:bold;padding-bottom:5px;color:#FFFFFF;border-bottom:2px solid #FFAB15}

a.about-more:link,a.about-more:visited {display:block;margin-top:20px;width:100px;height:30px;line-height:30px;text-align:center;background:url(13_56et.png) no-repeat 0 0;color:#FFFFFF;font-size:14px}
a.about-more:hover {background-color:#FFAB15;color:#FFFFFF;text-decoration:none}

.team-slogan-title{position:absolute;left:0;bottom:10px}
.team-slogan-title h3{color:#BDBDBD;font-weight:bold;text-transform:uppercase;font-size:20px;line-height:100%;font-family:'Times New Roman';letter-spacing:1px}
.team-slogan-title span{font-size:16px;font-weight:bold;padding-bottom:5px;color:#666666}
.team-slogan-con{position:absolute;left:30px;top:355px;width:80%;height:181px;background:url(5_o91o.jpg) no-repeat 0 0;background-size:auto 100%;color:#FFFFFF;padding:15px;box-sizing:border-box}

.products{margin-top:30px;padding:0 15px}
.product-title{text-align:center}
.product-title h3{color:#BDBDBD;font-weight:bold;text-transform:uppercase;font-size:20px;line-height:100%;font-family:'Times New Roman';letter-spacing:1px}
.product-title span{font-size:16px;font-weight:bold;padding-bottom:5px;color:#666666;border-bottom:2px solid #FFAB15}
.product-title .tl{display:inline-block;text-transform:uppercase;font-size:24px;line-height:100%;font-family:'Times New Roman';font-weight:bold;padding-bottom:5px;color:#666666;border-bottom:2px solid #FFAB15}

.product-type{text-align:center;margin-top:30px}
.product-type ul{display:inline-block}
.product-type ul li{display:inline-block;z-index:5;position:relative;text-align:center;margin-bottom:5px}
.product-type ul li a:link,.product-type ul li a:visited{float:left;color:#666666;white-space:nowrap;font-size:16px;padding:0 12px;height:40px;text-decoration:none;line-height:40px;text-align:center;margin-left:5px;background-color:#01427A;color:#FFFFFF;margin-right:5px;}
.product-type ul li:hover a,.product-type ul li a:hover{background-color:#FFAB15;color:#FFFFFF;text-decoration:none}

.product-list{margin-top:30px}
.product-list ul{font-size:0;[;font-size:12px;];*font-size:0;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px}
.product-list ul li{vertical-align:top;text-align:center;display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal;box-sizing:border-box;margin-right:2%;margin-bottom:2%;width:49%;}
.product-list ul li a:link,.product-list ul li a:visited{float:left;width:100%;color:#5A5A5A;text-decoration:none;font-size:14px;text-align:center;height:100%;overflow:hidden}
.product-list ul li:hover a,.product-list ul li a:hover{color:#5A5A5A;text-decoration:none}
.product-list ul li a img{
	max-width:100%;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.product-list ul li:nth-child(2n+0){margin-right:0px}
.product-list ul li a:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.product-list ul li p{clear:both;width:100%;line-height:140%;text-align:center;word-wrap:break-word;color:#666666;font-size:14px}

.product-more{margin-top:30px;text-align:center}
.product-more a:link,.product-more a:visited {display:inline-block;width:100px;height:30px;line-height:30px;text-align:center;border:1px solid #FFBB41;background:#FFBB41;color:#FFFFFF;font-size:14px}
.product-more a:hover {background-color:#FFFFFF;border:1px solid #FFBB41;color:#FFBB41;text-decoration:none}

.news{margin-top:30px;background:url(15_j5rm.jpg) no-repeat center top;min-height:599px}
.news-title{color:#FFFFFF;padding-top:30px;text-align:center}
.news-title h3{font-weight:bold;text-transform:uppercase;font-size:20px;line-height:100%;font-family:'Times New Roman';letter-spacing:1px}
.news-title span{font-size:16px;font-weight:bold;padding-bottom:5px;border-bottom:2px solid #FFAB15}
.news-title .tl{display:inline-block;text-transform:uppercase;font-size:24px;line-height:100%;font-family:'Times New Roman';font-weight:bold;padding-bottom:5px;color:#FFFFFF;border-bottom:2px solid #FFAB15}

.news-content{margin-top:20px;padding:0 10px}
.news-hot{background-color:#FFFFFF;transition: all .5s;}
.news-hot img{max-width:100%}
.news-hot:hover{transform:translateY(-5px);-moz-box-shadow:0px 5px 10px #999;-webkit-box-shadow:0px 5px 10px #999;box-shadow:0px 5px 10px #999;transition: all .5s;}
.inner{padding:15px}
.inner h4{font-size:14px;font-weight:bold}
.inner span{color:#929292}

.news-list{margin-top:10px}
.news-list ul li{height:50px;margin-bottom:10px;padding-left:60px;padding-right:18px;padding-top:10px;transition: all .5s;}
.news-list ul li.bg1{background:#FFFFFF url(01_j4dz.jpg) no-repeat 0 0;background-size:auto 100%}
.news-list ul li.bg2{background:#FFFFFF url(02_l6z1.jpg) no-repeat 0 0;background-size:auto 100%}
.news-list ul li.bg3{background:#FFFFFF url(03_al6t.jpg) no-repeat 0 0;background-size:auto 100%}
.news-list ul li h4{font-size:14px;font-weight:bold}
.news-list ul li span{color:#929292}
.news-list ul li p{display:none}
.news-list ul li:hover{transform:translateY(-5px);-moz-box-shadow:0px 5px 10px #999;-webkit-box-shadow:0px 5px 10px #999;box-shadow:0px 5px 10px #999;transition: all .5s;}

.contact{margin-top:30px}
.contact-title{text-align:center}
.contact-title h3{color:#BDBDBD;font-weight:bold;text-transform:uppercase;font-size:20px;line-height:100%;font-family:'Times New Roman';letter-spacing:1px}
.contact-title span{font-size:16px;font-weight:bold;padding-bottom:5px;color:#666666;border-bottom:2px solid #FFAB15}
.contact-title .tl{display:inline-block;text-transform:uppercase;font-size:24px;line-height:100%;font-family:'Times New Roman';font-weight:bold;padding-bottom:5px;color:#666666;border-bottom:2px solid #FFAB15}

.contact ul{margin-top:30px;padding:0 15px;font-size:0;[;font-size:12px;];*font-size:0;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px}
.contact ul li{float:left;vertical-align:top;text-align:center;display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;word-spacing:normal;box-sizing:border-box;margin-right:2%;margin-bottom:2%;width:49%;text-align:center;color:#333;font-size:14px;line-height:160%}
.contact ul li:nth-child(2n+0){margin-right:0px}
.map{margin-top:30px;height:350px}

.main{margin-top:10px}
.left-column{display:none;position:absolute;left:0;top:-122px;width:170px}
.left-column-title{background:url(fa_59cx.png) no-repeat 0 0;height:170px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#FFF}
.left-column-title h3{font-size:30px}
.left-column-title span{text-transform:uppercase}
.left-column-title p{position:absolute;left:115px;top:115px;font-size:16px}

.left-column ul li{border-bottom:1px solid #CCCCCC}
.left-column ul li a:link,.left-column ul li a:visited{background-color:#F6F6F6;color:#666666;white-space:nowrap;display:block;font-size:14px;text-decoration:none;text-align:center;padding-top:10px;padding-bottom:10px;width:100%}
.left-column ul li:hover a,.left-column ul li a:hover{background-color:#014C90;color:#FFFFFF;text-decoration:none}

.sub-column{text-align:center}
.sub-column ul{display:inline-block;z-index:5;position:relative;width:100%;}
.sub-column ul li{text-align:center;margin-bottom:10px;width:100%}
.sub-column ul li a:link,.sub-column ul li a:visited{float:left;white-space:nowrap;font-size:16px;padding:0 12px;height:40px;text-decoration:none;line-height:40px;text-align:left;background-color:#01427A;color:#FFFFFF;width:100%;box-sizing:border-box;margin-bottom:5px}
.sub-column ul li:hover a,.sub-column ul li a:hover{background-color:#FFAB15;color:#FFFFFF;text-decoration:none}

.sub-column ul li ul li a:link,.sub-column ul li ul li a:visited{float:left;color:#434343;background:none;font-size:14px;text-decoration:none;text-align:left;padding:0 10px;margin:0 0 1px 0;border-bottom:1px dashed #CCCCCC;box-sizing:border-box}

.lov{background-color:#FFAB15 !important}

.right-content{margin-top:20px;min-height:400px;padding:0 15px 15px 15px}
.location{margin-left:0;border-bottom:1px solid #E5E5E5;line-height:30px;color:#333;font-size:14px;position:relative;padding:0 15px}
.search{position:absolute;right:0px;top:-5px}
.btn{float:left;width:46px;border:none;height:34px;cursor:pointer;background:url(sch_on.png) no-repeat 0 0;}
.btn:hover{background:url(sch_off.png) no-repeat 0 0;cursor:pointer}

.content{margin-top:10px;font-size:14px;line-height:160%}
.content img{max-width:100%}

.line{margin-top:30px;text-align:center}
.line-left{width:20%;float:left;border-bottom:1px solid #CECECE;height:10px}
.line-text{float:left;text-align:center;width:60%;padding-left:10px;padding-right:10px;font-size:16px;font-weight:bold;color:#215968;box-sizing:border-box}
.line-right{width:20%;float:right;border-bottom:1px solid #CECECE;height:10px}

#container{
	position:relative;
	margin:20px auto;
	display:flex;
	flex-flow:row wrap;
}
.grid{
	margin:10px;
	padding:10px;
	box-sizing:border-box;
	background:#fff;
	text-align:center;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.grid img{max-width:100%}
.mask h4{font-size:14px}

.nlist li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #DBD4CD;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';width:100%}
.ndate{float:left;width:80px;line-height:24px;text-align:center;color:#FFFFFF;background-color:#666;margin-right:20px;padding-top:10px;padding-bottom:10px}
.ncontent{float:left;width:71%;font-size:14px;line-height:1.6}

.pro-list ul{font-size:0;[;font-size:12px;];*font-size:0;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px}
.pro-list ul li{vertical-align:top;text-align:center;display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal;box-sizing:border-box;margin-bottom:4%;border:1px solid #CCC;border-radius:5px;padding:10px 15px;transition: all .5s;width:100%}
.pro-list ul li:hover{transform:translateY(-5px);-moz-box-shadow:0px 5px 10px #999;-webkit-box-shadow:0px 5px 10px #999;box-shadow:0px 5px 10px #999;transition: all .5s;}

.con{display:none}
.feedback{padding-left:20px;padding-top:20px}

.culture ul li{margin-bottom:10px;width:100%;transition: all .5s;display:flex;}
.ci{float:left;background-color:#0064B0;width:12.6%;padding:5px;box-sizing:border-box;margin-right:0.6%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:stretch;}
.cc{float:left;background-color:#215968;width:86.8%;padding:5px 4%;box-sizing:border-box;color:#FFF;font-size:14px;line-height:160%;display:flex;align-items:center;}

.culture .sub-cul{margin-left:21%;width:79%}
.culture .a1{float:left;margin-bottom:0px;height:102px;margin-left:-4%;color:#FFF;font-size:12px;width:53.1%;line-height:140%;text-align:left;padding-left:2%;box-sizing:border-box;background:url(arrow1.png) no-repeat right center;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}
.culture .a2{float:left;margin-bottom:0px;height:102px;margin-left:-4%;color:#FFF;font-size:12px;width:53.1%;line-height:140%;text-align:left;padding-left:2%;box-sizing:border-box;background:url(arrow2.png) no-repeat right center;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}
.culture .a3{float:left;margin-bottom:0px;height:102px;margin-left:-4%;color:#FFF;font-size:12px;width:53.1%;line-height:140%;text-align:left;padding-left:2%;box-sizing:border-box;background:url(arrow3.png) no-repeat right center;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}
.culture .a4{float:left;margin-bottom:0px;height:102px;margin-left:-4%;color:#FFF;font-size:12px;width:53.1%;line-height:140%;text-align:left;padding-left:2%;box-sizing:border-box;background:url(arrow4.png) no-repeat right center;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}
.culture ul li:hover{transform:translateY(-5px);-moz-box-shadow:0px 5px 10px #999;-webkit-box-shadow:0px 5px 10px #999;box-shadow:0px 5px 10px #999;transition: all .5s;}
.culture ul li:nth-child(3):hover{transform:translateY(0px);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;transition: all .5s;}

.timeline{position:relative;margin-top:20px}
.timeline h3{text-align:center;font-size:18px}
.vertical-line{display:none;position:absolute;z-index:-1;left:50%;width:1px;background-color:#01427A;height:100%}
.timeline ul li{padding-top:8px;padding-bottom:8px;color:#434343;line-height:140%;}
.timeline ul li.en{padding-top:3px;padding-bottom:3px;color:#434343;line-height:140%;}
.timeline ul li:hover{cursor:default;color:#FFAB15}
.timeline ul li:hover i{background-color:#FFAB15}
.timeline ul li:hover span{border-bottom:1px dashed #FFAB15}

.fr{width:100%}
.fr i{float:left;width:16px;height:16px;border-radius:50%;background-color:#01427A;margin-top:5px}
.fr span{float:left;height:1px;border-bottom:1px dashed #01427A;width:10%;margin-top:13px}
.fr .text{float:left;font-size:14px;width:85%;text-align:left;padding-top:7px;}
.fr .text em{float:left;font-size:18px;box-sizing:border-box;padding-right:15px;text-align:left}
.fr .text p{float:left;width:80%}

.fl{width:100%}
.fl i{float:left;width:16px;height:16px;border-radius:50%;background-color:#01427A;margin-top:5px}
.fl span{float:left;height:1px;border-bottom:1px dashed #01427A;width:10%;margin-top:13px}
.fl .text{float:left;font-size:14px;width:85%;text-align:left;padding-top:7px;}
.fl .text em{float:left;font-size:18px;box-sizing:border-box;padding-right:15px;text-align:left}
.fl .text p{float:left;width:80%}

.tree{width:100%;display:inline-block;text-align:left}
.tree ul {
	padding-top: 20px;
	position: relative;
}
.tree li {
	list-style-type: none;
	position: relative;
	text-align:left;
}
.tree li em{
	margin-top:20px;
	text-decoration:none;
	color:#FFF;
	background:#0064B0;
	font-size:22px;
	display:inline-block;
	letter-spacing:2px;
	vertical-align:top;
	border-radius:50px;
	padding:5px 50px;
}
.tree li span {
	list-style-type: none;
	display:block;
	position: relative;
	text-align:left;
	margin-bottom:0px;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px dashed #CCC
}

.honor-list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
}
.honor-list ul li {
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.cooperative-list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
	margin-top:30px
}
.cooperative-list ul li {
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 4%;
	margin-right: 4%;
	border:1px solid #CCC
}
.cooperative-list ul li img{max-width:100%;display:block}
.cooperative-list ul li:nth-child(2n+0){margin-right:0px}

.wap-org li{
	list-style-type: none;
	position: relative;
	text-align:left;
}
.wap-org li em{
	margin-top:20px;
	text-decoration:none;
	color:#FFF;
	background:#0064B0;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	border-radius:50px;
	padding:5px 50px;
}
.wap-org li span {
	list-style-type: none;
	display:block;
	position: relative;
	text-align:left;
	margin-bottom:0px;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px dashed #CCC
}

.jOrgChart{display:none}
.jOrgChart .node {
	width: 300px;
    line-height: 100%;
	padding:0 10px;
	height:33px;
    border-radius: 5px;
    background: #0064B0;
	color:#FFF;
	font-size:13px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-transform:uppercase;
}
.jOrgChart .node:hover  {
	background:#FFAB15;
	color:#FFF;
}

.wp-ft{display:none;margin-top:120px;background-color:#02437B;padding:0 15px}
.ft-logo{float:left;width:20%;background-color:#FFAB15;font-family:"\5FAE\8F6F\96C5\9ED1";color:#FFFFFF;padding-top:40px;padding-bottom:20px;margin-right:6%;text-align:center}
.ft-right{float:left;width:74%;color:#90A1BF;font-size:14px}
.ft-right a{color:#90A1BF;}
.ft-right ul{margin-top:20px;margin-bottom:10px;display:flex;justify-content:space-between;}
.ft-right ul li{display:inline-block;position:relative;cursor:pointer;text-align:left}
.ft-right ul li a:link,.ft-right ul li a:visited{color:#90A1BF;white-space:nowrap;display:inline-block;font-family:Arial,"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:40px;text-decoration:none;line-height:40px;text-align:left}
.ft-right ul li:hover a,.ft-right ul li a:hover{color:#FFAB15;text-decoration:none}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #FFFFFF;margin:0;padding:0}
.footer_contact li {float:left;width:25%;text-align:center;font-size:14px;background:#02437B}
.footer_contact li a {border-right:solid 0.5px #FFFFFF;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block;}

#QQ{display:none;position:fixed; text-align:center;width:95px;top:300px;height:153px;cursor:pointer;right:10px;_position:absolute;_right:10px;_bottom:auto;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.fixedBtn {position:fixed;z-index:999;width:208px;height:200px;top:220px;right:-208px;_right:-209px;_position:absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||230)-(parseInt(this.currentStyle.marginBottom,10)||10)));}
.fixedBtn .service {position:absolute;text-indent:-2000px;outline-style:none;outline-color:invert;outline-width:0px;width:37px;display:inline-block;background:url(service.jpg);height:180px;top:0px;left:-37px;cursor:pointer}
.fixedBtn .service2 {position:absolute;text-indent:-2000px;outline-style:none;outline-color:invert;outline-width:0px;width:37px;display:inline-block;background:url(service.jpg) 37px center;height:180px;top:0px;left:-37px;cursor:pointer}
.fixedBtn .en-service {position:absolute;text-indent:-2000px;outline-style:none;outline-color:invert;outline-width:0px;width:37px;display:inline-block;background:url(en-service.jpg);height:180px;top:0px;left:-37px;cursor:pointer}
.fixedBtn .en-service2 {position:absolute;text-indent:-2000px;outline-style:none;outline-color:invert;outline-width:0px;width:37px;display:inline-block;background:url(en-service.jpg) 37px center;height:180px;top:0px;left:-37px;cursor:pointer}
.serviceCnt {border:0px;padding:5px 15px;height:200px;background-color:#303030}
.se-open {}

.ser-list{color:#FFFFFF;}
.ser-list dt{margin-bottom:6px}
.ser-list dt h3{font-size:18px;font-weight:bold;height:30px}
.ser-list dt p{font-size:12px;color:#8E8E8E;line-height:16px}
.ser-list dd{font-size:15px;font-weight:bold;padding-left:28px;margin-top:14px}
.ser-list dd p{font-size:14px;color:#8E8E8E}
.ser-list dd a{color:#FFF}

.icon1{background:url(right-bar-qq.png) no-repeat left top;}

#goTopBtn{position:fixed;text-align:center;width:40px;bottom:30px;height:40px;cursor:pointer;right:30px;_position:absolute;_right:5px;_bottom:auto;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

@media (min-width: 768px) {
	.pro-list ul li{margin-right:4%;width:48%;}
    .pro-list ul li:nth-child(2n+0){margin-right:0px}
	.cooperative-list ul li {width:30.6666%}
	.cooperative-list ul li:nth-child(2n+0){margin-right:4%}
	.cooperative-list ul li:nth-child(3n+0){margin-right:0px}
	.clear{display:none}
    .footer_contact{display:none}
}
@media (min-width: 992px) {
	.wp-bd{padding-right:10px;padding-left:10px;box-sizing:border-box}
	.wp-hd{height:131px;background:#FFF url(toubu2_ikug.jpg) no-repeat center center}
	.company-name{float:left;width:158px;height:96px;margin-top:20px;background:url(logo.jpg) no-repeat left center;background-size:auto}
	.hd-contact{display:block}
	
	.intro{margin-top:20px;height:160px}
	.quality{height:135px;padding-top:25px;padding-left:60px;text-align:left;background-position:left center;}
    .quality-icon{float:left;width:50px;margin-right:10px;margin-top:10px}
    .quality-content{float:left;width:70%;color:#FFFFFF}
    .quality-content h4{font-size:18px;font-weight:bold}
    .quality-content span{display:block}
	
	.advantage{height:135px;padding-top:25px;padding-left:30px;text-align:left;background-position:left center;}
    .advantage-icon{float:left;width:50px;margin-right:10px;margin-top:10px}
    .advantage-content{float:left;width:70%;color:#FFFFFF}
    .advantage-content h4{font-size:18px;font-weight:bold}
    .advantage-content span{display:block}

    .slogan{height:135px;padding-top:25px;padding-left:30px;text-align:left;background-position:right center;}
    .slogan-icon{float:left;width:50px;margin-right:10px;margin-top:10px}
    .slogan-content{float:left;width:70%;color:#FFFFFF}
    .slogan-content h4{font-size:18px;font-weight:bold}
    .slogan-content span{display:block}
	
	.product-intro{margin-top:50px}
    .product-intro-img{float:left;margin-right:4%;width:45%;margin-bottom:0px}
	.product-intro-con{float:left;width:51%;padding:0}
	.product-intro-title h3{font-size:24px}
    .product-intro-title span{font-size:18px}
	
	.about-us{margin-top:50px;background:url(4_mymy.jpg) no-repeat center center}
    .about-us-title h3{font-size:24px}
    .about-us-title span{font-size:18px}
    .about-us-con{width:46.2%;}
	
    .team-slogan-title h3{font-size:24px}
    .team-slogan-title span{font-size:18px}
    .team-slogan-con{left:60px;top:315px;width:407px;background-size:auto;padding:30px 20px;}
	
	.products{margin-top:50px;padding:0}
    .product-title h3{font-size:24px}
    .product-title span{font-size:18px;}

    .product-list ul li{width:18.4%}
	.product-list ul li:nth-child(2n+0){margin-right:2%}
	.product-list ul li:nth-child(5n+0){margin-right:0px}
	
	.news{margin-top:50px}
    .news-title h3{font-size:24px}
    .news-title span{font-size:18px}

    .news-content{margin-top:50px;padding:0}
    .news-hot{float:left;width:45.5%;margin-right:2.5%;}
    .news-hot img{max-width:100%}

    .inner{padding:20px;min-height:126px}

    .news-list{margin-top:0px;float:left;width:52%}
    .news-list ul li{height:113px;margin-bottom:12px;padding-left:110px;padding-top:12px}
    .news-list ul li.bg1{background-size:auto}
    .news-list ul li.bg2{background-size:auto}
    .news-list ul li.bg3{background-size:auto}
    .news-list ul li p{display:block}
	
	.contact{margin-top:50px}
    .contact-title h3{font-size:24px;}
    .contact-title span{font-size:18px}

    .contact ul{margin-top:50px;padding:0;}
    .contact ul li{width:23.5%}
    .contact ul li:nth-child(2n+0){margin-right:2%}
	.contact ul li:nth-child(4n+0){margin-right:0px}
	
	.main{margin-top:30px}
	.left-column{display:block}
	.location{margin-left:190px;padding:0}
	.right-content{margin-top:40px;padding:0}
	.content{margin-top:50px}
	
.sub-column ul{width:auto}
.sub-column ul li{float:left;width:auto}
.sub-column ul li a:link,.sub-column ul li a:visited{float:left;text-align:center;width:auto;margin:0 5px}

.sub-column ul li ul{display:none}
.sub-column ul li:hover ul{display:block;position:absolute;left:5px;top:41px;width:150%}
.sub-column ul li ul li a:link,.sub-column ul li ul li a:visited{float:left;color:#FFFFFF;border-bottom:none;font-size:12px;text-align:center;background:#01427A;margin:0 1px 0 0;}
.sub-column ul li ul li:hover a,.sub-column ul li ul li a:hover{background:#FFAB15;color:#FFFFFF;text-decoration:none}

.pro-list ul li{margin-right:4%;width:30.6666%;}
.pro-list ul li:nth-child(2n+0){margin-right:4%}
.pro-list ul li:nth-child(3n+0){margin-right:0px}
	
	.timeline{margin-top:50px}
	.vertical-line{display:block}
	.fr{width:50%;margin-left:50%;float:right}
    .fr .lp{margin-left:-8px;}
	.fl{width:50%;margin-right:50%;float:left}
    .fl .lp{margin-right:-8px;}
	.fl i{float:right}
    .fl span{float:right}
    .fl .text{float:right;text-align:right;}
    .fl .text em{float:right;padding-right:0px;padding-left:15px;text-align:right}
    .fl .text p{float:right}
	
	.tree{width:auto;display:inline-block;text-align:center}
	.tree li {
	float:left;
	text-align:center;
	list-style-type:none;
	position:relative;
	padding:20px 10px 0 10px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
}
.tree li em{
	margin-top:0px;
	text-decoration:none;
	color:#FFF;
	background:#0064B0;
	font-size:22px;
	display:inline-block;
	letter-spacing:2px;
	vertical-align:top;
	border-radius:50px;
	padding:5px 50px;
}
.tree li span {
	padding:5px 10px;
	height:330px;
	text-decoration:none;
	color:#FFF;
	background:#0064B0;
	font-size:22px;
	display:inline-block;
	letter-spacing:5px;
	text-align:center;
	writing-mode:vertical-lr;writing-mode:tb-lr;
	line-height:130%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
}
.tree li::before,.tree li::after {
	content:'';
	position:absolute;
	top:0;
	right:50%;
	border-top:1px solid #000;
	width:50%;
	height:20px;
}
.tree li::after {
	right:auto;
	left:50%;
	border-left:1px solid #000;
}
.tree li:only-child::after,.tree li:only-child::before {
	display:none;
}
.tree li:only-child {
	padding-top:0;
}
.tree li:first-child::before,.tree li:last-child::after {
	border:0 none;
}
.tree li:last-child::before {
	border-right:1px solid #000;
	border-radius:0 5px 0 0;
	-webkit-border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
}
.tree li:first-child::after {
	border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
}
.tree ul ul::before {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	border-left:1px solid #000;
	width:0;
	height:20px;
}
.tree li span:hover,.tree li span:hover+ul li span {
	background:#FFAB15;
	color:#FFF;
}
.tree li em:hover,.tree li em:hover+ul li em,.tree li em:hover+ul li span {
	background:#FFAB15;
	color:#FFF;
}
.tree li span:hover+ul li::after,.tree li span:hover+ul li::before,.tree li span:hover+ul::before,.tree li span:hover+ul ul::before {
	border-color:#FFAB15;
}
	.ci{height:180px}
	.cc{font-size:18px}
	.culture .a1{height:162px;font-size:18px;width:26.55%;text-align:center;padding-left:0;padding-right:6%;align-items:center}
    .culture .a2{height:162px;font-size:18px;width:26.55%;text-align:center;padding-left:0;padding-right:6%;align-items:center}
    .culture .a3{height:162px;font-size:18px;width:26.55%;text-align:center;padding-left:0;padding-right:6%;align-items:center}
    .culture .a4{height:162px;font-size:18px;width:26.55%;text-align:center;padding-left:0;padding-right:6%;align-items:center}
	.line{margin-top:70px;}
    .line-left{width:35%;}
    .line-text{width:30%;font-size:20px;}
    .line-right{width:35%;}
	#container{margin:50px auto;}
	.grid img{height:270px}
	.ncontent{width:88%}
	.con{float:left;width:55%;margin-bottom:0px;display:block}
	.wapcon{display:none}
	.wap-org{display:none}
	.jOrgChart{display:block}
    .feedback{float:right;padding-left:20px;padding-top:20px;width:45%;box-sizing:border-box}
	.cooperative-list ul li {width:9%}
	.cooperative-list ul li:nth-child(3n+0){margin-right:4%}
	.cooperative-list ul li:nth-child(8n+0){margin-right:0px}
	.wp-ft{display:block;}
	#QQ{display:block;}
}
@media (min-width: 1200px) {
	.wp-bd{width:1100px;padding-right:0px;padding-left:0px}
}
@media (min-width: 1601px) {
	.wp-bd{width:1500px}
	.hd-nav ul li a:link,.hd-nav ul li a:visited{padding-left:43px;padding-right:43px}
	.en-hd-nav ul li a:link,.en-hd-nav ul li a:visited{padding-left:36px;padding-right:36px}
	.inner{min-height:auto;}
	.news-list ul li{margin-bottom:24px}
	.pro-list ul li{width:22%}
    .pro-list ul li:nth-child(3n+0){margin-right:4%}
	.pro-list ul li:nth-child(4n+0){margin-right:0px}
}

.PageNo{margin:10px auto;text-align:center;padding-top:20px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:2px;border:1px solid #787878;padding:5px;color:#323232;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#02437B}
.PageNo span{margin:2px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878;}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}